<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>reg</title>

<style type="text/css">
#box1 {
	padding-top: 40px;
	padding-bottom: 10px;
	color: #666;
	background: #fff;
}

#div2 {
	/*欢迎登陆的名字*/
	font-size: 25px;
	/* border: 1px solid red; */
	margin-left: 404px;
	margin-top: -10px;
}

#div3 {
	margin-left: 216px;
	margin-top: -67px;
	/*border:1px solid red;*/
}

#box2 {
	background: #fff8f0;
	/* width: 100%; */
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}
/*一个小图标的定位#div1*/
#div1 {
	width: 22px;
	height: 20px;
	border: 2px;
	position: absolute;
	right: 1155px;
	top: 100px;
}

#box4 {
	/*margin:0px auto;*/
	/*margin:20px 320px 20px 320px;*/
	min-width: 1200px;
	/* 这是为适应窗口*/
	word-spacing: 10px;
	margin-top: 60px;
	margin-left: 53px
}

#box5 {
	margin: 20px 200px 20px 200px;
	color: #666;
	text-decoration: none;
}
/**links{
		padding-bottom: 30px;
   		 text-align: center;
	}*/
a {
	/*设置所以的a连接*/
	color: #666;
	text-decoration: none;
	outline: rgb(109, 109, 109) none 0px;
	font-size: 12px;
}

#div0 {
	/*设置所以的p标签*/
	font-size: 12px;
	color: #666;
	/*display: inline;*/
	text-decoration: none;
	/*margin-left: 360px;*/
}
/*鼠标触发事件变红色*/
a {
	text-decoration: none;
	color: #000;
}

a:hover {
	color: #FF5907;
}
/*div,p{
    border:1px solid red;
	}*/
/*设置所有元素的边距为0*/
/**{
		padding:0px;
		margin:0px;
	}*/
#box13 {
	border: 1px solid #e93854;
	left: 8px;
	right: 20px;
	top: 118px;
	width: 100%;
	height: 475px;
	margin-top: 0px;
	background: #e93854;
	/*修改颜色*/
}
/*中间主干*/
#boxdiv {
	border: 1px solid #e93854;
	width: 346px;
	height: 398.6px;
	background: #fff;
	margin-left: 900px;
	margin-top: 50px;
}
/*1*/
#boxdiv1 {
	width: 346px;
	height: 38.4px;
	/* border:1px solid red;*/
	font-size: 12px;
	/*字体*/
	background: #fff8f0;
}

#p1 {
	display: inline-block;
	width: 100%;
	margin-left: 5px;
	color: #666;
}
/* 把登录两个东西悬浮*/
#div01 {
	width: 171px;
	height: 55px;
	float: left;
	/*悬浮*/
	font-weight: bold;
	/*这里设置字的粗体*/
	font-size: 25px;
	/*文字的大小*/
	line-height: 50px;
	/*让黄色div中的文字内容垂直居中*/
	text-align: center;
	/*让文字水平居中*/
	cursor: pointer;
	/*鼠标放在上面变成小手*/
	background-color: #fcfcfc;
}
/*鼠标放在上面变色，伪类样式*/
#div01:hover {
	color: red;
}
/*用户登录*/
.regInput {
	width: 270px;
	height: 40px;
	margin-top: 35px;
	margin-left: -10px;
	margin-left: -117px;
	border: 1px #bdbdbd solid;
}

#div11 {
	width: 39px;
	height: 40px;
	border: 1px #bdbdbd solid;
	margin-top: -276px;
	margin-left: 923px;
}

#div12 {
	width: 39px;
	height: 40px;
	border: 1px #bdbdbd solid;
	margin-top: 37px;
	margin-left: 924px;
}
/*登录的图标*/
#boxdl {
	border: 1px solid #e85356;
	display: block;
	width: 302px;
	background: #e4393c;
	height: 31px;
	line-height: 31px;
	color: #fff;
	font-size: 20px;
	font-family: 'Microsoft YaHei';
	margin-top: 65px;
	/*上下*/
	margin-left: 924px;
	/*左右*/
}

#p3 {
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
	cursor: pointer;
}
/*链接*/
#boxlj {
	/*border-top: 1px solid #f4f4f4;	
				background-color: #fcfcfc;*/
	text-align: -webkit-match-parent;
	width: 42px;
	height: 49px;
}
/**/
#img3 {
	margin-top: -10px;
	margin-bottom: 20px;
}
/*文字移动*/
#word {
	width: 20px;
	height: 20px;
	margin-top: -35px;
	margin-left: 30px;
	/*	  border: 1px solid red;*/
	font-size: 15px;
}

#word {
	width: 20px;
	height: 20px;
	margin-top: -9px;
	margin-left: 935px;
	/* border: 1px solid red; */
	font-size: 15px;
}
/*分隔号*/
{
margin-top
:
 
-20
px
;

				
margin-left
:
 
960
px
;

			
}
/*微信图标*/
#weixin {
	margin-top: -28px;
	margin-left: 970px;
	/*border: 1px solid red;*/
}

#weixinzi {
	margin-top: -29px;
	margin-left: 1005px;
	width: 35px;
	height: 20px;
	/* border: 1px solid red;*/
}

#qq {
	margin-top: 1px;
	margin-left: 900px;
	width: 35px;
	height: 20px;
}
/*注册*/
#register1 {
	width: 52px;
	height: 20px;
	font-size: 13px;
	margin-left: 1167px;
	margin-top: -15px;
	color: #e70a2d;
}

#divgang {
	margin-top: -20px;
	margin-left: 965px;
}
</style>
</head>

<body>
	<div id="box1">
		<div id="div2">欢迎登录</div>

		<div>
			<img id="div3" src="img/deng1.png">
		</div>
	</div>
	<div id="box2">
		<div id="div0">

			<div>
				依据《网络安全法》，为保障您的账户安全和正常使用，请尽快完成手机号验证！ 新版 <a
					href="https://about.jd.com/privacy/" class="black" target="_blank">《京东隐私政策》</a>
				已上线，将更有利于保护您的个人隐私。
			</div>
		</div>

		<div id="box13">
			<div id="boxdiv">
				<!--头部-->
				<div id="boxdiv1">
					<p id="p1">京东不会以任何理由要求您转账汇款，谨防诈骗。</p>
				</div>
				<!--登录部分标题-->
				<div id="div01">扫码登录</div>
				<div id="div01">
					账户登录
					<div>
						<input class="regInput" type="text" name="loginname"
							placeholder="用户名" />
					</div>
					<div>
						<input class="regInput" type="password" name="loginpass"
							placeholder="密码" />
					</div>
				</div>
			</div>
			<div id="div11">
				<img src="img/2.PNG">
			</div>
			<div id="div12">
				<img src="img/3.PNG">
			</div>
			<div id="boxdl">
				<p id="p3">登&nbsp;&nbsp;&nbsp;&nbsp;录</p>
			</div>
			<div id="boxlj">
				<div id="qq">
					<img src="img/q.png">
				</div>
				<div id="word">
					<a href="https://www.qq.com">QQ</a>
				</div>
				<div id="divgang">|</div>
				<div id="weixin">
					<img src="img/w.png">
				</div>
				<div id="weixinzi">微信</div>
				<div id="weixing">
					<a href="https://www.qq.com"></a>
				</div>
				<div id="register1">立即注册</div>
			</div>

			<div id="box4">
				<a rel="nofollow" target="_blank"
					href="//www.jd.com/intro/about.aspx"
					style="outline: rgb(109, 109, 109) none 0px;"> 关于我们 </a> | <a
					rel="nofollow" target="_blank" href="//www.jd.com/contact/">
					联系我们 </a> | <a rel="nofollow" target="_blank" href="//zhaopin.jd.com/">
					人才招聘 </a> | <a rel="nofollow" target="_blank"
					href="//www.jd.com/contact/joinin.aspx"> 商家入驻 </a> | <a
					rel="nofollow" target="_blank"
					href="//www.jd.com/intro/service.aspx"> 广告服务 </a> | <a
					rel="nofollow" target="_blank" href="//app.jd.com/"> 手机京东 </a> | <a
					target="_blank" href="//club.jd.com/links.aspx"> 友情链接 </a> | <a
					target="_blank" href="//media.jd.com/"> 销售联盟 </a> | <a
					href="//club.jd.com/" target="_blank"> 京东社区 </a> | <a
					href="//gongyi.jd.com" target="_blank"> 京东公益 </a> | <a
					target="_blank" href="//en.jd.com/"
					clstag="pageclick|keycount|20150112ABD|9">EnglishSite</a>

				<div id="box5">
					Copyright&nbsp;?&nbsp;2004-2018&nbsp;&nbsp;京东JD.com&nbsp;版权所有</div>
			</div>
</body>

</html>